<script lang="ts" setup>
import { ref } from 'vue'
import { DxDataGrid, DxColumn } from 'devextreme-vue/data-grid';

const data = ref([
  { id: 1, name: 'John Doe', age: 30 },
  { id: 2, name: 'Jane Doe', age: 25 },
  { id: 3, name: 'Sam Smith', age: 40 },
])
</script>

<template>
  <DxDataGrid :dataSource="data" :showBorders="true">
    <DxColumn dataField="id" caption="ID" />
    <DxColumn dataField="name" caption="Name" />
    <DxColumn dataField="age" caption="Age" />
  </DxDataGrid>
</template>